<template>
    <div class="van_cell clearfix">
        <div class="van_cell_title fl">{{ data.options.label }}</div>
        <div class="van_cell_value fr">
            <van-stepper
                v-model="data.options.defaultValue"
                :disabled="data.options.disabled"
                :min="data.options.min"
                :max="data.options.max"
                :step="data.options.step"
            />
        </div>
    </div>
</template>
<script>
import { Stepper } from 'vant'
export default {
    name: 'FormNumber',
    components: {
        [Stepper.name]: Stepper
    },
    props: {
        data: {
            type: Object
        }
    }
}
</script>
<style lang="scss" scoped>
    .van_cell{
        padding: 10px 20px;
    }
</style>
